﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>学生后勤报修系统</title>
	<!-- Fav  Icon Link -->
	<link rel="shortcut icon" type="image/png" th:href="@{/images/fav.png}">
	<!-- Bootstrap core CSS -->
	<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
	<!-- themify icons CSS -->
	<link rel="stylesheet" th:href="@{/css/themify-icons.css}">
	<!-- Animations CSS -->
	<link rel="stylesheet" th:href="@{/css/animate.css}">
	<!-- Main CSS -->
	<link rel="stylesheet" th:href="@{/css/styles.css}">
	<link rel="stylesheet" th:href="@{/css/red.css}" id="style_theme">
	<link rel="stylesheet" th:href="@{/css/responsive.css}">
	<!-- morris charts -->
	<link rel="stylesheet" th:href="@{/charts/css/morris.css}">
	<!-- jvectormap -->
	<link rel="stylesheet" th:href="@{/css/jquery-jvectormap.css}">

	<script th:src="@{/js/modernizr.min.js}"></script>
</head>

<body>
<!-- Pre Loader -->
<div class="loading" style="display: none;">
	<div class="spinner">
		<div class="double-bounce1"></div>
		<div class="double-bounce2"></div>
	</div>
</div>
<!--/Pre Loader -->
<!-- Color Changer -->
<div class="theme-settings" id="switcher">
		<span class="theme-click">
			<span class="ti-settings"></span>
		</span>
	<span class="theme-color theme-default theme-active" data-color="red"></span>
	<span class="theme-color theme-blue" data-color="blue"></span>
	<span class="theme-color theme-red" data-color="red"></span>
	<span class="theme-color theme-violet" data-color="violet"></span>
	<span class="theme-color theme-yellow" data-color="yellow"></span>
</div>
<!-- /Color Changer -->
<div class="wrapper">
	<!-- Page Content -->
	<div id="content">
		<!-- Top Navigation -->
		<div class="container top-brand">
			<nav class="navbar navbar-default">
				<div class="navbar-header">
					<div class="sidebar-header"> <a href="/index.html"><img src="/images/logo-dark.png" class="logo" alt="logo"></a>
					</div>
				</div>
				<ul class="nav justify-content-end">



					<li class="nav-item">
						<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="/#" role="button" aria-haspopup="true" aria-expanded="false">
							<span class="ti-user"></span>
						</a>
						<div class="dropdown-menu lochana-box-shadow2 profile animated flipInY">
							<h5>John Willing</h5>


							<a class="dropdown-item" href="/#">
								<span class="ti-power-off"></span> 退出登录</a>
						</div>
					</li>
				</ul>

			</nav>
		</div>
		<!-- /Top Navigation -->
		<!-- Menu -->
		<div th:replace="common::#app-Menu-Baoxiu"></div>
		<!-- /Menu -->
		<!-- Breadcrumb -->
		<!-- Page Title -->
		<div class="container mt-0 ">
			<div class="row breadcrumb-bar" style="background: linear-gradient(to left, #fff, #fff)">
				<div class="col-md-6">
					<h3 class="block-title">添加报修信息</h3>
				</div>
			</div>
		</div>
		<!-- /Page Title -->
		<!-- /Breadcrumb -->
		<!-- Main Content -->
		<div class="container">

			<div class="row">
				<!-- Widget Item -->
				<div class="col-md-12">
					<div class="widget-area-2 lochana-box-shadow">
						<h3 class="widget-title">普通报修</h3>
						<form th:action="@{/app/rep/submitinsert}" enctype="multipart/form-data" method="post">
							<div class="form-row">


								<div class="form-group col-md-6">
									<label for="repairKind">分类</label>
									<!--									<input type="text" class="form-control" id="age" placeholder="分类">-->
									<select class="form-control" name="repairKind" id="repairKind">
										<option value="水" selected="水">水</option>
										<option value="木">木</option>
										<option value="电">电</option>
										<option value="其他">其他</option>
									</select>

								</div>
								<div class="form-group col-md-6">
									<label for="repairsTelephone">联系方式</label>
									<input type="text" class="form-control" placeholder="联系方式" id="repairsTelephone" name="repairsTelephone">
								</div>

								<div class="form-group col-md-6">
									<label for="repairs_place_a">地址</label>

									<select class="form-control" style="width:200px;" name="place_a" id="repairs_place_a">
										<option value="南苑1栋" selected="南苑1栋">南苑1栋</option>
										<option value="南苑2栋">南苑2栋</option>
										<option value="南苑3栋">南苑3栋</option>
									</select>

								</div>
								<div class="form-group col-md-6" style="margin-left:-250px;">
									<label for="repairs_place_b">房号</label>
									<select name="place_b" class="form-control" style="width:200px;" id="repairs_place_b">
										<option value="101" selected="101">101</option>
										<option value="102">102</option>
										<option value="103">103</option>
										<option value="104">104</option>
									</select>
								</div>

								<div class="form-group col-md-12">
									<label for="repairsDetail">详细描述</label>
									<textarea class="form-control" rows="3" name="repairsDetail" placeholder="详细描述" id="repairsDetail"></textarea>
								</div>
<!--								<div class="form-group col-md-12">-->
<!--									<label for="repairs_photo">图片附件</label>-->
<!--									<input type="file" class="form-control" id="repairs_photo" name="repairs_photo">-->
<!--								</div>-->
								<div class="form-group col-md-12">
									<label for="exampleInputFile">图片附件</label>
<!--									<input type="text" class="form-control" id="repairsPhoto" name="repairsPhoto">-->
									<input type="file" name="headerImg" id="exampleInputFile">
								</div>


								<div class="form-check col-md-12 mb-2">
									<div class="text-left">
										<div class="custom-control custom-checkbox">
											<input class="custom-control-input" type="checkbox" id="ex-check-2">
											<label class="custom-control-label" for="ex-check-2">请确认</label>
										</div>
									</div>
								</div>
								<div class="form-group col-md-6 mb-3">
									<button type="submit" class="btn btn-primary btn-lg">提交</button>
								</div>
							</div>
						</form>
						<!-- Alerts-->


						<!-- /Alerts-->
					</div>
				</div>
				<!-- /Widget Item -->
			</div>
		</div>
		<!-- /Main Content -->
		<!--Copy Rights-->
		<div class="container">
			<div class="d-sm-flex justify-content-center">
				<span class="text-muted text-center d-block d-sm-inline-block">Copyright © 2021 <a href="/#" target="_blank">konnectcode</a>. All rights reserved.</span>
			</div>
		</div>
		<!-- /Copy Rights-->
	</div>
	<!-- /Page Content -->
</div>
<!-- Back to Top -->
<a id="back-to-top" href="/#" class="back-to-top" style="display: inline;">
	<span class="ti-angle-up"></span>
</a>
<!-- /Back to Top -->
<!-- Jquery Library-->
<script src="/js/jquery-3.2.1.min.js"></script>
<!-- Popper Library-->
<script src="/js/popper.min.js"></script>
<!-- Bootstrap Library-->
<script src="/js/bootstrap.min.js"></script>
<!-- morris charts -->
<script src="/charts/js/raphael-min.js"></script>
<script src="/charts/js/morris.min.js"></script>
<script src="/js/custom-morris.js"></script>

<!-- Custom Script-->
<script src="/js/custom.js"></script>




</body>

</html>